<?php
    include 'admin_logueado.php';
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<title>Readme</title>
		
		<link rel="shortcut icon" href="img/favicon.ico" type="image/x-ico"/>
		
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
		
		<!-- Bootstrap -->
		<link href="librerias/css/bootstrap.min.css" rel="stylesheet" media="screen"/>
		<link rel="stylesheet" type="text/css" href="css/ajustes.css" />
		<link rel="stylesheet" type="text/css" href="css/cambiando_estilo.css" />
		
		
		 <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
		 <link rel="stylesheet" href="/resources/demos/style.css" />
		 
		  <script src="http://code.jquery.com/jquery-1.9.1.js" type="text/javascript"></script>
		  <script src="librerias/js/bootstrap.min.js" type="text/javascript"></script>
		 <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js" type="text/javascript"></script>
		  
	
		<script src="js/loadXML.js" type="text/javascript"></script>
		<script src="js/scripts.js" type="text/javascript"></script>
		<script src="js/chequear_estilo.js" type="text/javascript"></script>
		<script src="js/autores_js.js" type="text/javascript"></script>
		
		<link rel="stylesheet" type="text/css" href="css/estilo1.css" id="css_que_cambia"></link>
		<link rel="stylesheet" type="text/css" href="css/autores_css.css"></link>
		
	</head>

	<body>
		
            
            
		<!-- Menú superior -->
		<!--=========== BOTONES DE CAMBIO DE ESTILO ================-->
		<div class="row-fluid">
                    <div class="span12">
				<?php 
                                if(admin_logueado()){
                                   $url_actual = $_SERVER['REQUEST_URI'];
                                   echo "<div id='link_logout'><a href='logout.php?url=$url_actual'><h5>logout</h5></a></div>";
                                }
                            ?>
                        <!--form-->
                        <div id="radio">
                            <input type="radio" id="radio1" name="radio" onclick="cambiarCss1()"/>
                            <label for="radio1" id="label1">Style 1</label>
                            <input type="radio" id="radio2" name="radio" onclick="cambiarCss2()"/>
                            <label for="radio2" id="label2">Style 2</label>
                        </div>
                        <!--/form-->
                                                                    
                    </div>
		</div>
		<!--=========== ENCABEZADO ================-->
		<div class="container">
		<div class="row-fluid" id="encabezado_">
		
			<div class="span12 barra_s" id="barra_bot_log">
				<!-- logo-->
				<div class="span4 well logo_s">
					<img id="logo_img" src="img/LOGO1ELI.png" alt="logo"/>
				</div>
				<!-- botones -->
				<div class="span8 well botones_s">
					<ul class="lista_botones">
						<li class="boton_l"><a href="autores.php" class="links" >Autores</a></li>
						<li class="boton_l" id="boton_readme"><a href="readme.php" class="links">Readme</a></li>
						
					</ul>
				</div>
				
			</div>
		</div>
		
		<div class="row-fluid">
			<div class="span12">
				<ul class="breadcrumb">
					<li><a href="index.php" class="breadcrumb_link">Home</a> <span class="divider">/</span></li>
					<li class="active"><span class="breadcrumb_actual">Readme</span></li>
				</ul>
			</div>
		</div>
		</div>
		
		
		<!--=========== CUERPO AUTORES================-->
		 
                
                
		 <div class="container">
		
			<div class="row-fluid">
				<div class="span12 well" id="cuadro_readme">
					<h3>Readme</h3>
					<ul class="lista_readme">
						<li class="item_readme" >
							Se hizo uso de las siguientes librerias: jquery, jquery-ui, bootstrap, fancy-box.
						</li>
						<li class="item_readme" >
							Se agregó a la funcionalidad del proyecto pedida, un filtrado conjunto.
							Esto es, además de permitir realizar filtros con diversos criterios, se puede hacer una selección de más de un criterio y filtrar teniendo en cuenta toda la información.
						</li>
						<li class="item_readme" >
							Se agrego como adicional a la funcionalidad requerida del proyecto, que el navegador recuerde las propiedades seleccionadas como favoritas la siguiente vez que el mismo usuario accede a la página.
						</li>
						<li class="item_readme" >
							Para seleccionar una propiedad como favorita, dentro de "propiedad.html" se debe presionar la estrella.
						</li>
						<li class="item_readme" >
							El xsd correspondiente a las prpiedades no valida con su respectivo xml debido a un atributo presente en el xsd dado("use=required").
						</li> 
						<li class="item_readme" >
							Con respecto a las validaciones: <br />
							Para las validaciones se subio el proyecto a gdrive (para alojarlo a un servido que pueda ser accedido publicamente) y al validador se le pasó la url: <a class="link_readme" href="https://googledrive.com/host/0B6-VMgEGjwwUUGJiVmdqLTZ0WkU/index.html">https://googledrive.com/host/0B6-VMgEGjwwUUGJiVmdqLTZ0WkU/index.html</a><br/>
							<br />
							*	Validación de CSS:  <br />
							-	Se realizó a través de: <a class="link_readme" href="http://jigsaw.w3.org/css-validator/">http://jigsaw.w3.org/css-validator/</a> <br />
							-	todos los archivos .css validaron de forma correcta. <br />
							<br />
							*	Validación XHTML <br />
							-	Se realizó a través de: <a class="link_readme" href="http://validator.w3.org/">http://validator.w3.org/ </a><br />
							-	observación sobre la validación en "propiedad.html": los atributos agregados para bootstrap no validan ("data-target" y "data-slide-to"). <br />
							-	Para validar los XHTML, se realizaron las validaciones subiendo las páginas a un servidor. De todas maneras, no es posible validar el código generado por javascript.<br />
							Tampoco es posible validar esto último valiendose del código generado obtenido en el navegador, ya que el mismo es obtenido con modificaciones que impiden realizar una correcta validación.<br />
							<br />
						</li>
						<li class="item_readme" >
							En el enunciado del proyecto se pide lo siguiente: "mostrando la lista de posibles opciones, agrupadas por categorías" y "La página debe mostrar las opciones de las distintas categorías debidamente agrupadas". Ambas cuestiones son manejadas con la opción del filtrado. Esto es, se decidió que es más claro e intuitivo mostrar todas las propiedades en primera instancia permitiendo luego agruparlas por categoría indicando la opción de la misma.
						</li>
			
						<li class="item_readme" >
							LA PAGINA SE PROBO EN NAVEGADORES COMPLETAR
						</li>
						
						<li class="item_readme" >
						Consideraciones sobre compatibilidad con los distintos navegadores<br />
						<br />
						En general el estilo y apariencia dado con los css se respeta en todos los navegadores probados.<br />
						<br />
						Chrome (versión 26.0.1410.64 m)<br />
						- Por cuestiones de seguridad este navegador no permite realizar cierta operaciones si la página es accedida de manera local. Por ejemplo, la lectura de los archivos xml y la creación de cookies. Debido a esto recomendamos que para probar nuestra página en este navegador primero se lo aloje en un servidor.<br />
						- Una vez que la página es cargada, hay que habilitar la ejecución de las secuencias de código javascript. Para ello, en la parte superior derecha donde aparece un escudo gris, desplegar el menu y hacer click en  "cargar secuencia de comandos no segura" la cantidad de veces que sea necesaria (por lo gral 2 veces).<br />
						<br />
						Internet Explorer (versión 10)<br />
						- No ha tenido problema en cargar la página tanto accediendola de manera local como alojandola en un servidor.<br />
						- Al cargar la página es necesario habilitar el código javascript, para ello presione el botón "permitir contendio bloqueado" y "mostrar todo el contenido" que se abre al al acceder a alguna de las páginas.<br />
						<br />
						Firefox (versión 20.0.1)<br />
						- No ha tenido problema en cargar la página tanto accediendola de manera local como alojandola en un servidor.<br />
						<br />
						Opera (versión 12.15)<br />
						- Este navegador también impide acceder a los archivos xml de manera local, por eso se recomienda que para probarlo la página sea alojada en un servidor.<br />
						<br />
						Safari (versión 5.17 - windows)<br />
						- No ha tenido problema en cargar la página tanto accediendola de manera local como alojandola en un servidor.<br />
						<br />												
												
						</li>

					</ul>
				</div>
			</div>
		
		
		<!--=========== PIE================-->
		<div class="row-fluid">
			<div class="span12 well pie">
				
					<div class="span2 offset10">
						&copy; IAW 2013
					</div>
					
				
			</div>
		</div>	
		</div>
		
		
			
	</body>
</html>
